<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<li class="block">
  <div class="block-sidebar_tabs">

  <div class="tabbed-content sidebar-tabs clearfix" id="instance-sidebartabswidget">

    <!-- tab navigation (items must be in reverse order because of the tab-design) -->
      <ul class="box-tabs clearfix">
        <li class="recentcomm"><a href="#instance-sidebartabswidget-section-recentcomments" title="Recent comments"><span><s:text name="common.column1.tabContent.recentComments"/></span></a></li>
        <li class="popular"><a href="#instance-sidebartabswidget-section-popular" title="Popular posts"><span><s:text name="common.column1.tabContent.popularPosts"/></span></a></li>
        <li class="archives"><a href="#instance-sidebartabswidget-section-archives" title="Archives"><span><s:text name="common.column1.tabContent.archives"/></span></a></li>
        <li class="tags"><a href="#instance-sidebartabswidget-section-tags" title="Tags"><span><s:text name="common.column1.tabContent.tags"/></span></a></li>
        <li class="categories"><a href="#instance-sidebartabswidget-section-categories" title="Categories"><span><s:text name="common.column1.tabContent.categories"/></span></a></li>
      </ul>
      <!-- /tab nav -->

      <!-- tab sections -->
      <div class="sections">

        <div class="box section" id="instance-sidebartabswidget-section-categories">
          <div class="box-top-left">
            <div class="box-top-right"></div>
          </div>

          <div class="box-main">
            <div class="box-content">
              <ul class="menuList categories">
              
              <s:iterator value="categorySideBarVOList">
                <s:url id="categoryURL" value="index_input.action"/>
                <li><s:a href="%{categoryURL}" cssClass="fadeThis">
                  <span class="entry">
                    <s:property value="name"/>
                    <span class="details inline">
                      <s:text name="common.leftBrackets"/><s:property value="blogNum"/><s:text name="common.rightBrackets"/>
                    </span>
                  </span>
                </s:a></li>
              </s:iterator>
              </ul>
            </div>
          </div>
        </div>

        <div class="box section" id="instance-sidebartabswidget-section-tags">
          <div class="box-top-left">
            <div class="box-top-right"></div>
          </div>

          <div class="box-main">
            <div class="box-content">
              <div class="tag-cloud">
              <s:iterator value="tagSideBarVOList">
                 <a href="#" style="<s:property value='cssStyle'/>" title="<s:property value='numInBlog'/><s:text name='common.column1.tabContent.topics'/>">
                   <s:property value="name"/>
                 </a>
              </s:iterator>
              
              
                
              </div>
            </div>
          </div>
        </div>

        <div class="box section" id="instance-sidebartabswidget-section-archives">
          <div class="box-top-left">
            <div class="box-top-right"></div>
          </div>

          <div class="box-main">
            <div class="box-content">
              <ul class="menuList">
              
              <s:iterator value="archiveVOList">
                <li><a href="#" class="fadeThis"><span class="entry">
                  <s:property value="monthName"/>
                  <span class="details inline">
                    <s:text name="common.leftBrackets"/><s:property value="commentNum"/><s:text name="common.rightBrackets"/>
                  </span>
                </span></a></li>
              </s:iterator>
              </ul>
            </div>
          </div>
        </div>

        <div class="box section" id="instance-sidebartabswidget-section-popular">
          <div class="box-top-left">
            <div class="box-top-right"></div>
          </div>

          <div class="box-main">
            <div class="box-content">
              <ul class="menuList">
                <li><a class="fadeThis" href="#"><span class="entry">Sprint Overdrive 4G bla blah <span class="details inline">(3)</span></span></a></li>

                <li><a class="fadeThis" href="#"><span class="entry">Test article <span class="details inline">(36)</span></span></a></li>

                <li><a class="fadeThis" href="#"><span class="entry">Another test article <span class="details inline">(36)</span></span></a></li>

                <li><a class="fadeThis" href="#"><span class="entry">Sprint Overdrive 4G bla blah <span class="details inline">(3)</span></span></a></li>

                <li><a class="fadeThis" href="#"><span class="entry">Test article <span class="details inline">(36)</span></span></a></li>

                <li><a class="fadeThis" href="#"><span class="entry">Sprint Overdrive 4G bla blah <span class="details inline">(3)</span></span></a></li>

                <li><a class="fadeThis" href="#"><span class="entry">Another test article <span class="details inline">(36)</span></span></a></li>
              </ul>
            </div>
          </div>
        </div>

        <div class="box section" id="instance-sidebartabswidget-section-recentcomments">
          <div class="box-top-left">
            <div class="box-top-right"></div>
          </div>

          <div class="box-main">
            <div class="box-content">
              <ul class="menuList recentcomm">
                <li class="clearfix"><a href="#"><span class="avatar"><img alt="avatar" src="sampledata/avatar32.png" class="avatar" height="32" width="32" /></span> <span class="entry">Mary Jane: <span class="details">Two things make it far more awesome than a MiFi, however: first, the LCD, which displays the numeric wireless password...</span></span></a></li>
                <li class="clearfix"><a href="#"><span class="avatar"><img alt="avatar" src="sampledata/avatar32.png" class="avatar" height="32" width="32" /></span> <span class="entry">Mary Jane: <span class="details">Two things make it far more awesome than a MiFi, however: first, the LCD, which displays the numeric wireless password...</span></span></a></li>
                <li class="clearfix"><a href="#"><span class="avatar"><img alt="avatar" src="sampledata/avatar32.png" class="avatar" height="32" width="32" /></span> <span class="entry">Mary Jane: <span class="details">Two things make it far more awesome than a MiFi, however: first, the LCD, which displays the numeric wireless password...</span></span></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</li>